<template>

<div>
   
   <p id="p1">123456789</p>
   <div id="div1"></div>
   
    
<mt-field label="用户名" placeholder="请输入用户名"></mt-field>
<mt-field label="邮箱" placeholder="请输入邮箱" type="email"></mt-field>
<mt-field label="密码" placeholder="请输入密码" type="password"></mt-field>
<mt-field label="手机号" placeholder="请输入手机号" type="tel"></mt-field>
<mt-field label="网站" placeholder="请输入网址" type="url"></mt-field>
<mt-field label="数字" placeholder="请输入数字" type="number"></mt-field>
<mt-field label="生日" placeholder="请输入生日" type="date"></mt-field>
<mt-field label="自我介绍" placeholder="自我介绍" type="textarea" rows="4"></mt-field>

<mt-field label="邮箱" state="success"></mt-field>
<mt-field label="邮箱" state="error"></mt-field>
<mt-field label="邮箱" state="warning"></mt-field>

<mt-field label="验证码">
  <img src="../images/动图.gif" height="45px" width="100px">
</mt-field>

</div>
    
</template>


<style scoped>
#div1{
    height: 100px;
    width: 100px;
    background-color: red;
}

</style>

<script>
export default {
    data(){
        return {

        }
    },
    created(){
            this.getinfo();
    },
    methods:{
        getinfo(){
            $(function(){
                $("#p1").click(function(){
                        alert("组件暂未开放");
                })
            });
        }
    }
}
</script>
